﻿@{
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@{
    ConsumeSys.Model.User user = (ConsumeSys.Model.User)ViewData["user"];
}
<style type="text/css">
    .block_w155 { display: block; width: 155px; }
    li { list-style: none; }
    .MenuItem { background: #05227F; height: 30px; color: #ffffff; font-size: 18px; text-align: center; line-height: 30px; /*font-weight:bold;*/ }
    .liItem { text-align: center; border-bottom: 1px solid #a7a7a7; font-size: 12px; height: 30px; line-height: 30px; cursor: pointer; }
    .addBgYellow { background: yellow; }
    .liItem:hover { background: yellow; }
</style>
<div style="background:#cacaca;height:30px;line-height:30px;padding-left:20px;">
    @{
        if (user != null && user.id > 0)
        {
            <div>欢迎你！@user.u_RealName&nbsp;<a href="/UserLogin/ExitLogin">注销</a></div>
        }
    }
</div>
<div class="easyui-layout" style="width: auto; padding-bottom: 28px; margin: 0px;" data-options="fit:true">
    <div data-options="region:'west',split:true" title="菜单" style="width:170px;">
        @*<div title="用户类型" style="overflow: auto; padding: 10px;">
                <a href="javascript:;" iconcls="icon-add" class="easyui-linkbutton block_w155" onclick="addTab('添加用户类型','/User/AEConsumeType')">添加用户类型</a>
                <br />
                <a href="javascript:;" class="easyui-linkbutton block_w155" onclick="addTab('用户类型列表','/User/UserTypeList')">用户类型列表</a>
            </div>
            <div title="用户信息" style="overflow: auto; padding: 10px;">
                <a href="javascript:;" iconcls="icon-add" class="easyui-linkbutton block_w155" onclick="addTab('添加用户','/User/AEUser')">添加用户</a>
                <br />
                <a href="javascript:;" class="easyui-linkbutton block_w155" onclick="addTab('用户列表','/User/UserList')">用户列表</a>
            </div>
            <div title="消费记录分类" style="padding: 10px;">
                <a href="javascript:;" iconcls="icon-add" class="easyui-linkbutton block_w155" onclick="addTab('添加消费记录分类','/Consume/AEConsumeType')">添加消费记录分类</a>
                <br />
                <a href="javascript:;" class="easyui-linkbutton block_w155" onclick="addTab('消费记录分类列表','/Consume/ConsumeTypeList')">消费记录分类列表</a>
            </div>
            <div data-options="title:'消费记录'" style="padding: 10px;">
                <a href="javascript:;" iconcls="icon-add" class="easyui-linkbutton block_w155" onclick="addTab('添加消费记录','/Consume/AEConsume')">添加消费记录</a>
                <br />
                <a href="javascript:;" class="easyui-linkbutton block_w155" onclick="addTab('消费记录列表','/Consume/ConsumeList')">消费记录列表</a>
            </div>
            <div title="操作记录" style="padding: 10px;">
                <a href="javascript:;" class="easyui-linkbutton block_w155" onclick="addTab('消费记录分类列表','/OperatingLog/OperatingLogList')">操作记录列表</a>
            </div>*@

        <!--左侧菜单开始-->
        <div id="menu001">
            <ul>
                <li>
                    <div class="MenuItem">消费记录</div>
                    <ul>
                        <li id="item001" class="liItem" onclick="addTab('消费记录列表','/Consume/ConsumeList')">消费记录列表</li>
                        <li class="liItem" onclick="addTab('添加消费记录','/Consume/AEConsume')">添加消费记录</li>
                    </ul>
                </li>
                <li>
                    <div class="MenuItem">消费记录分类</div>
                    <ul>
                        <li class="liItem" onclick="addTab('消费记录分类列表','/Consume/ConsumeTypeList')">消费记录分类列表</li>
                        <li class="liItem" onclick="addTab('添加消费记录分类','/Consume/AEConsumeType')">添加消费记录分类</li>
                    </ul>
                </li>
                <li>
                    <div class="MenuItem">用户信息</div>
                    <ul>
                        <li class="liItem" onclick="addTab('添加用户','/User/AEUser')">添加用户</li>
                        <li class="liItem" onclick="addTab('用户列表','/User/UserList')">用户列表</li>
                    </ul>
                </li>
                <li>
                    <div class="MenuItem">结算</div>
                    <ul>
                        <li class="liItem" onclick="addTab('执行结算', '/Consume/RunJieSuan')">执行结算</li>
                        <li class="liItem" onclick="addTab('往期结算结果', '/Consume/LiShiJieSuanRecords')">往期结算结果</li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--左侧菜单结束-->
    </div>
    <div data-options="region:'center',title:'详细内容'" style="padding: 5px; background: #eee;">
        <div id="main" class="easyui-tabs">
            @*<div title="欢迎" style="padding: 10px;" class="home">
                    Hello
                </div>*@
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('#tool').accordion({
            animate: true,
            selected: false
        });
        $('#main').tabs({
            border: true,
            fit: true
        });
        $('.home').css({ height: $('.tabs-panels').height() - 21 });

        $("li.liItem").click(function () {
            $("li.liItem").removeClass("addBgYellow");
            $(this).addClass("addBgYellow");
        });
        //初始化选中菜单1
        $("#item001").click();
    });
    //添加一个tabs
    function addTab(title, url) {
        if ($('#main').tabs('exists', title)) {
            $('#main').tabs('select', title);
        } else {
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%; height:' + ($('.tabs-panels').height() - 3) + 'px"></iframe>';
            $('#main').tabs('add', {
                title: title,
                content: content,
                closable: true
            });
        }
    }
</script>